<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>新建问政</title>
    <link rel="stylesheet" href="../../css/iconfont.css" />
    <link rel="stylesheet" href="../../css/media.css" />
    <link rel="stylesheet" href="../../css/common.css" />
    <style>
        form{
            font-size: .28rem;
            color: #333;
        }
        form .input-group{
            margin-left: .2rem;
            border-bottom: 1px solid #D9D9D9;
            height: .88rem;
            line-height: .88rem;
            display: flex;
            position: relative;
        }
        form .input-group label{
            width: 1.3rem;
        }
        form .input-group input{
            flex: 1;
            text-align: right;
            padding-right: .1rem;
            font-size: .28rem;
        }
        form .input-group textarea{
            width: 100%;
            height: 2.86rem;
            padding: .2rem 0;
        }
        .height{
            height: 2.86rem !important;
        }
        i{
            color: #D9D9D9;
            margin-right: .6rem;
        }
        .tips{
            position: absolute;
            right: .26rem;
            bottom: .38rem;
            color: #ccc;
        }
        .m-t{
            position: relative;
            width: 100%;
            height: .2rem;
            background: #F2F2F2;
            z-index: 2;
        }
        .img-group{
            padding: .4rem .2rem;
        }
        .img-group img{
            width: 1.8rem;
            height: 1.8rem;
            border-radius: .04rem;
            float: left;
            margin-right: .2rem;
        }
        .img-group .add{
            width: 1.8rem;
            height: 1.8rem;
            background: #EFEFEF;
            border-radius: .04rem;
            font-size: .28rem;
            color: #999;
            text-align: center;
            float: left;
        }
        .img-group .add .bold{
            text-align: center;
            font-size: 1rem;
            font-weight: 600;
        }
        button{
            width: 6.86rem;
            height: .88rem;
            background: #F2F2F2;
            opacity: 0.97;
            border-radius: .04rem;
            display: block;
            margin: .32rem auto;
            border: none;
            color: #999;
            font-size: .32rem;
        }
    </style>
</head>
<body>
    <form>
        <div class="input-group">
            <label>主题归类</label>
            <input type="text" value="人文">
            <i class="iconfont icon-xingzhuang2"></i>
        </div>
        <div class="input-group">
            <label>归档部门</label>
            <input type="text" value="行政 审计">
            <i class="iconfont icon-xingzhuang2"></i>
        </div>
        <div class="input-group">
            <label>主题</label>
            <input type="text" value="环境环保">
            <i class="iconfont icon-xingzhuang2"></i>
        </div>
        <div class="input-group">
            <label>内容</label>
            <input type="text">
        </div>
        <div class="input-group height">
            <textarea placeholder="请您在此描述详细工作计划"></textarea>
            <span class="tips">0/500</span>
        </div>
        <div class="m-t"></div>
        <div class="img-group">
            <img src="../../img/industry.png" />
            <div class="add">
                <div class="bold">+</div>
                <div>增加图片</div>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="m-t"></div>
        <div class="input-group">
            <label>电话</label>
            <input type="text" value="1345567788">
        </div>
        <button type="submit">提交</button>
    </form>
</body>
</html>